<template>
    <j-form-container :disabled="formDisabled">
        <!-- 主表单区域 -->
        <a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail">
            <a-row>
                <a-col :span="8">
                    <a-form-model-item label="预定类型" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="bookType">
                        <j-dict-select-tag type="list" v-model="model.registerType" dictCode="book_type"
                            placeholder="请输入预定类型(散客/团体)" />
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="预定单号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="bookPerson">
                        <a-input v-model="model.bookCode" placeholder=""></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="入住单号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="bookDate">
                        <!-- <j-date v-model="model.roomRegisterCode" :showTime="true" dateFormat="YYYY-MM-DD HH:mm:ss"
                            style="width: 100%;" /> -->
                        <a-input v-model="model.roomRegisterCode" placeholder="请输入入住单号"></a-input>
                    </a-form-model-item>
                </a-col>

            </a-row>
            <a-row>
                <a-col :span="8">
                    <a-form-model-item label="状态" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="photo">
                        <a-input v-model="model.registerStatus_dictText" placeholder="请输入账户类型"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="夜审状态" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="company">
                        <a-input v-model="model.auditFlag_dictText" placeholder="请输入夜审状态"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="账户类型(vip)" :labelCol="labelCol" :wrapperCol="wrapperCol"
                        prop="accountType">
                        <j-dict-select-tag type="list" v-model="model.accountType" dictCode="account_type"
                            placeholder="请请输入账户类型(vip)" />
                    </a-form-model-item>
                </a-col>
            </a-row>
            <!-- <a-row>
                <a-col :span="8">
                    <a-form-model-item label="优惠理由" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="discountReason">
                        <a-input v-model="model.discountReason" placeholder="请输入优惠理由"></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="预订单号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="remark">
                        <a-input v-model="model.bookCode" placeholder="系统自动生成" disabled></a-input>
                    </a-form-model-item>
                </a-col>
                <a-col :span="8">
                    <a-form-model-item label="备注" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="remark">
                        <a-input v-model="model.remark" placeholder="请输入备注"></a-input>
                    </a-form-model-item>
                </a-col>
            </a-row> -->
        </a-form-model>
    </j-form-container>
</template>

<script>
import JFormContainer from '@/components/jeecg/JFormContainer'

export default {
    name: 'CheckInBaseForm',
    components: {
        JFormContainer,
    },
    data() {
        return {
            labelCol: {
                xs: { span: 24 },
                sm: { span: 6 },
            },
            wrapperCol: {
                xs: { span: 24 },
                sm: { span: 16 },
            },
            validatorRules: {},
        }
    },
    props: {
        //表单禁用
        disabled: {
            type: Boolean,
            default: false,
            required: false
        },
        model: {
            type: Object,
            required: true,
        }
    },
    computed: {
        formDisabled() {
            return this.disabled
        },
    },
    methods: {

    }
}
</script>

<style scoped>
.ant-form-item {
    margin-bottom: 0
}
</style>